.app {

  header {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 #ccc;
    z-index: 999;
  }

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    background-color: #fff;

    .left {
      display: flex;
      align-items: center;
      // height: 100%;

      .logo {
        width: 120px;
        height: 44px;
        // background: url('./images/logo.png');// background-size: cover;
        // background-position: center;
      }
    }

    ul {
      display: flex;
      align-items: center;
      // height: 100%;
      margin-left: 30px;

      li {
        display: flex;
        align-items: center;
        margin: 0 15px;
        font-size: 14px;
        color: #684029;
        cursor: pointer;
      }

    }
  }

  .footer {
    height: 80px;
    background: url('http://oss.51cocoa.com//upload/images/20230207/10156756cd9e63f71bea089a0035d76f.jpg');
    // background-color: #f4f4f4;
    background-size: cover;
    // filter: blur(20px);

    .typeright {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%;

      .item {
        // flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        color: #fff;

        p {
          font-size: 14px;
          color: #ddd;
        }
      }
    }
  }
}